Liquid Glass - Legibility 、Tinting、Accessibility Features 可讀性、色彩應用與無障礙功能支援（指南）

這是 Liquid Glass 設計中最核心的考量之一。

Adaptive Contrast 自適應對比與符號反轉

A 導航欄（navbar）和標籤欄（tabbar）這樣的較小元素會根據它們背後的內容不斷適應視覺樣式。根據背景從淺色切換到深色，反之亦然，以確保材質始終處於最佳視覺狀態，並且容易被識別。

小控制元件類比你戴的一副智慧眼鏡，走到哪兒、光線變了，它自動調暗調亮，不影響整體感覺。

B 較大的介面元素，如選單或側邊欄，也會自適應，但它們不會像小控制元件一樣在淺色和深色之間切換，因為它們面積較大，頻繁變色會造成視覺干擾。

大面板類比一整塊窗簾，如果它一會白、一會黑，會讓人頭暈，所以它只是在邊緣慢慢變灰而已。

C 為了保持可讀性，位於 Liquid Glass 上方的符號和圖形也會跟隨材質變化同步切換淺色和深色，以達到最大的視覺對比度。

染色應僅用於介面中需要重點強調的主要元素與操作。

A 當某些元素具有明確的功能性時，可以使用色彩“染色”（tint）來吸引使用者注意力。它能用在各種地方，從按鈕到文字甚至鎖屏時間，全都統一風格。

Liquid Glass 引入了一種新的染色方式，它既遵循材質本身的光學原則，又能最大化提升可讀性。從標籤、文字到全色按鈕，甚至包括鎖屏介面的時間顯示，實現了材質一致性的視覺表達。這種染色方式讓玻璃看起來更有生命感，還能和背景內容“互動”，顏色自然融合。

B 選擇一個顏色後，系統會自動生成一組色調，並根據玻璃下方內容的亮度進行匹配。它就像現實中的彩色玻璃那樣，會根據背後的內容微調顏色，但整體不會變跑偏。

這種處理方式不僅強化了材質的“物理質感”，還有效提升了文字與圖形的可讀性和視覺對比度。

這種染色機制與 Liquid Glass 的所有行為特性完全相容，因此你可以非常輕鬆地為任何元素新增染色效果，而不會破壞材質的光學表現和動態反饋。

這是個用了純色填充的按鈕，完全看不到玻璃感，看起來死板、突兀。換成染色效果之後，立即變得更透明、更貼合環境，看起來不再突兀，而是自然融入整個介面中。

Use tinting for emphasis 強調時使用染色

反面案例：千萬不要給所有元素都加染色。因為當每個元素都有顏色時，介面會失去層級感，使用者也無法快速分辨出重點操作，容易產生混亂。

如果你希望為應用介面注入色彩，應選擇在內容層中進行（比如透過背景圖、圖片、插畫等內容元素來體現色彩風格），而非在控制元件層過度染色。

正面案例：這個“檢視購物袋（View Bag）”的按鈕就是一個染色使用得當的好例子。在這個外賣類應用中，紅色強調了它是主要操作按鈕，使使用者一眼就能注意到。

內容層的合理佈局也是避免不必要的視覺雜亂（visual noise）的關鍵。透過最佳化內容的位置與表現，可以提升整體介面的乾淨度與可讀性。在介面處於靜態狀態（如應用初次載入）時，應避免內容與 Liquid Glass 層之間出現重疊。

可以透過重新定位或縮放內容來保持視覺上的分離，從而避免資訊混淆。

Liquid Glass 還提供了多種輔助功能，以適應不同人群的使用需求。這些設定會調整玻璃的一些表現，但不會破壞它本身的美感和炫酷效果。

Reduced Transparency 減少透明度

Liquid Glass 會變得更“磨砂”，遮擋更多背景內容，以提升前景資訊的對比度與可見性。

Increased Contrast 提高對比度

功能會讓介面元素以黑或白為主色，並加上對比色邊框，增強它們在各種背景下的辨識度。

Reduced Motion 減少動態效果

會降低介面動效的強度，關閉 Liquid Glass 的彈性動畫特性，以減少視覺干擾或避免引發眩暈感（對敏感使用者尤為重要）

這些輔助功能會在你使用 Liquid Glass 時自動生效。只要系統層面開啟了相關設定，所有 Liquid Glass 元素都會自動響應這些調整，無需額外操作。